.collapse-upload {
  .ant-collapse-expand-icon {
    display: none !important;
  }

  .ant-upload-drag-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

.ant-upload-list {
  // display: none;
}

.my-svg-icon {
  stroke: red; // 改变描边颜色
  fill: blue; // 改变填充颜色
}

.ant-collapse > .ant-collapse-item-active {
  background-color: #f7f5f1;

  .ant-collapse-content-active {
    border-top: none;
  }
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 8px 24px;
  //styleName: 06 Body Text Large EN/Regular;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #202020;

  img {
    width: 68px;
  }
}

.ant-form-item .ant-form-item-label > label {
  //styleName: 09 Description Text EN/Regular;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #696767;
}

.ant-form-vertical
  .ant-form-item:not(.ant-form-item-horizontal)
  .ant-form-item-label {
  padding-bottom: 4px;
}

.upload-text {
  //styleName: 08 Action Text EN/Regular;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #202020;
  padding-bottom: 12px;
  .highlight-text {
    //styleName: 08 Action Text EN/Regular Underline;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #7a6145;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 8px;
  }
}

.ant-upload-drag-container {
  display: flex;
  flex-wrap: wrap;

  .ant-upload-hint {
    width: 100%;
    color: #696767;
    //styleName: 09 Description Text EN/Regular;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    white-space: pre-line;
  }
}

.ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 4px;
}

:where(.css-dev-only-do-not-override-11lehqq).ant-upload-wrapper
  .ant-upload-drag
  .ant-upload-btn {
  padding: 24px;
}

.ant-upload-text {
  .drag-text {
    color: #202020;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
  }

  .highlight-text {
    color: "#7A6145";
    text-decoration: "underline";
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
  }
}

:where(.css-dev-only-do-not-override-11lehqq).ant-checkbox + span {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  color: #202020;
  //styleName: 08 Action Text EN/Regular;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.ant-collapse-content-box .ant-form-item {
  margin-bottom: 24px;
}

.ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 24px 24px 0 24px;
}

.footer-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

//View Sample Document modal
.ant-modal-content {
  .view-title {
    //styleName: 03 Subtitle EN/Medium;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    color: #202020;
    margin-bottom: 32px;
  }
  .view-content {
    display: flex;
    justify-content: space-between;

    .qualified-document,
    .unqualified-documen {
      .title {
        //styleName: 04 Subtitle Small EN/Regular;
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
        color: #202020;
      }
      .description {
        //styleName: 08 Action Text EN/Regular;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #696767;
        white-space: nowrap;
        margin: 16px 0;
      }
      .content {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
          width: 243px;
          height: 373px;
        }
        .float-text {
          font-family: Roboto;
          font-size: 100px;
          font-weight: 900;
          line-height: 117.19px;
          text-align: left;
          color: #ff0000;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          white-space: nowrap;
          // /padding: 5px;
        }
      }
    }
    .divider {
      background-color: #e1e1e1;
      width: 1px;
      height: 460px;
      display: block;
      margin: 0 32px;
    }
    .unqualified-documen {
      .content .imgList {
        text-align: center;
        img {
          width: 627px;
          height: 174px;
        }
      }
    }
  }
}

.ant-space-item .lpn-text {
  position: relative;

  .status-span {
    height: 24px;
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 1;
    display: flex;
    align-items: center;
  }
}
